@import url("api.css");
@import url("aui.css");

* {
  box-sizing: border-box;
  font-family: "microsoft yahei";
}
html, body {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.background {
  background-color: #f4f4f4;
}
.header {
  display: block;
  width: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 1020;
  top: 0;
  left: 0;
  height: 44px;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 10px;
  background-color: #ffffff;
}
.header > .wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
}
.header > .wrapper > span,
.header > .wrapper div,
.header > .wrapper a {
  display: inline;
  color: black;
}
.header > .wrapper > .title {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 999;
  line-height: inherit;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  display: block;
  text-align: center;
  font-size: 16px;
}

.header > .wrapper > .title .logo {
  width: 92px;
  height: 24px;
}

.header > .wrapper > .header-btn {
  display: block;
  height: 24px;
  cursor: pointer;
  font-size: 15px;
  width: 20px;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-size:  18px;
}
.header > .wrapper > .right-btn {
  float: right;
  margin-left: 10px;
  line-height: inherit;
}
.header > .wrapper > .left-btn {
  float: left;
  margin-left: 10px;
  line-height: inherit;
}
.header > .wrapper > .del {
  background-image: url(../image/del.png);
}
.header > .wrapper > .bell {
  background-image: url(../image/bell.png);
}
.header > .wrapper > .setting {
  background-image: url(../image/setting.png);
}
.header > .wrapper > .back {
  background-image: url(../image/back.png);
  background-size: 9px 18px;
}
.header > .wrapper .search {
  overflow: hidden;
}
.header > .wrapper .search > .search-input {
  background-color: #ffffff;
  color: #808080;
  width: 70%;
  float: left;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  padding: 0px 5px;
}
.header > .wrapper .search > .search-icon {
  color: #fff;
  float: right;
  height: 24px;
  width: 24px;
}
.container {
  overflow: hidden;
}
.container.margin-bottom-container > *:last-child {
  margin-bottom: 50px;
}
.container.top-container {
  padding-top: 44px;
}
.container.main-container {
  padding-top: 44px;
  padding-bottom: 50px;
}
.container.bottom-container {
  padding-bottom: 50px;
}
.container.full-container {
  height: 100%;
}
.footer {
  display: block;
  width: 100%;
  overflow: hidden;
  position: fixed;
  left: 0px;
  z-index: 999;
  bottom: 0px;
  border-top: 1px solid #dcdcdc;
  background-color: #fff;
  height: 50px;
}
.footer.hide {
  display: none;
}
.footer :after {
  clear: both;
}
.footer > .footer-btn {
  display: inline-block;
  width: 44%;
  margin-left: 4%;
  float: left;
  border-radius: 3px;
  margin-top: 5px;
  height: 40px;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
}
.footer > .footer-btn.footer-full-btn {
  width: 92%;
}
.footer > .footer-btn.footer-primary {
  background-color: #008dff;
}
.footer > .footer-btn.footer-white {
  background-color: #ffffff;
  color: #008dff;
  border: 1px solid #008dff;
}
.footer > .footer-btn.footer-warning {
  background-color: #ff8f09;
}
.footer > .footer-btn.footer-disabled {
  background-color: #eeeeee;
}
.footer > .footer-btn.footer-disabled > span {
  color: #808080;
}
.footer > .footer-btn > span {
  color: #ffffff;
  line-height: inhreit;
}
.footer > li {
  width: 33.3%;
  float: left;
  height: 100%;
}
.footer > li > a {
  margin-top: 4px;
  color: #808080;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 20px 20px;
  text-align: center;
  padding-top: 25px;
  display: block;
  font-size: 14px;
}
.footer > li.active > a {
  color: #808080;
}
.home-bottom-icon > a {
  background-image: url("../image/bt_home.png");
}
.home-bottom-icon.active > a {
  background-image: url("../image/bt_home2.png");
}
.cart-bottom-icon > a {
  background-image: url("../image/bt_car.png");
}
.cart-bottom-icon.active > a {
  background-image: url("../image/bt_car2.png");
}
.my-bottom-icon > a {
  background-image: url("../image/bt_person.png");
}
.my-bottom-icon.active > a {
  background-image: url("../image/bt_person2.png");
}
.cart-goods-number {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 21%;
    top: 2px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
    background-color: #008dff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.cart-goods-number.zero {
  display: none;
}
.bottom-button-div {
  display: block;
  width: 100%;
  overflow: hidden;
  position: fixed;
  left: 0px;
  z-index: 999;
  bottom: 0px;
  border-top: 1px solid #dcdcdc;
  background-color: #fff;
  height: 50px;
}
.bottom-button-div > .bottom-button-div-second {
  display: inline-block;
  width: 92%;
  margin-left: 4%;
  float: left;
  border-radius: 3px;
  margin-top: 8px;
  background-color: #008dff;
  height: 34px;
  text-align: center;
  color: #ffffff;
  line-height: 34px;
}
.bottom-button-div > .bottom-button-div-second > .bottom-button-span {
  color: #ffffff;
  line-height: inhreit;
}
.toast {
  position: fixed;
  bottom: 20%;
  background-color: #303030;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  color: #fff;
  max-width: 60%;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  line-height: 16px;
  z-index: 9999;
  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  opacity: 0;
}
@media screen and (max-width: 320px) {
  .toast {
    padding: 5px 8px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  .toast {
    padding: 8px 13px;
    font-size: 15px;
  }
}
@media screen and (min-width: 361px) and (max-width: 380px) {
  .toast {
    padding: 10px 16px;
    font-size: 15px;
  }
}
@media screen and (min-width: 381px) {
  .toast {
    padding: 12px 20px;
  }
}
pre {
  display: block;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
.process {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 40px;
  height: 40px;
  background: url(../css/images/loading.gif) no-repeat;
  background-size: 100% 100%;
}
.mask-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background: url(../images/share1.png) rgba(0, 0, 0, 0.5) no-repeat;
  background-size: 100px 100px;
  background-position: top right;
  z-index: 10000;
  display: none;
  top: 0;
  left: 0;
}
.ajax-loading {
  height: 40px;
  width: 100%;
  background: url(../css/images/loading.gif) no-repeat center;
  background-size: 40px 40px;
}
.over-hidden {
  overflow: hidden;
}
.count-group > * {
  margin-left: 10px;
}
.count-group > *:first-child {
  margin-left: 0px;
}
.count-group > .count-btn {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-position: center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}
.count-group > .count-btn.count-sub {
  background-image: url(../image/sub.png);
}
.count-group > .count-btn.count-add {
  background-image: url(../image/add.png);
}
.count-group > .count-font {
  width: 40px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin-top: -1px;
  line-height: 30px;
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
  display: none !important;
}
ng\:form {
  display: block;
}
.ng-animate-start {
  clip: rect(0, auto, auto, 0);
  -ms-zoom: 1.0001;
}
.ng-animate-active {
  clip: rect(-1px, auto, auto, 0);
  -ms-zoom: 1;
}
.row-container {
  display: block;
}
.row-container > .row {
  width: 100%;
  background-color: #ffffff;
  min-height: 44px;
  line-height: 44px;
  padding: 0 15px;
  overflow: hidden;
}
.row-container > .row.row-big-height {
  height: 88px;
  line-height: 88px;
}
.row-container > .row.row-big-height > .row-content > .row-middle {
  padding: 0 0;
  line-height: 44px;
}
.row-container > .row.row-big-height > .row-content > .row-middle > .row-title {
  color: #333333;
  line-height: inherit;
}
.row-container > .row.row-big-height > .row-content > .row-middle > .row-descript {
  margin-top: 3px;
  color: #808080;
  line-height: inherit;
  font-size: 14px;
}
.row-container > .row.row-fixed-height {
  height: 44px;
  white-space: nowrap;
}
.row-container > .row.row-bordered {
  border-bottom: 1px solid #eeeeee;
}
.row-container > .row.row-bordered:first-child {
  border-top: 1px solid #eeeeee;
}
.row-container > .row > .row-content {
  font-size: 14px;
  display: block;
  overflow: hidden;
}
.row-container > .row > .row-content:after {
  clear: both;
}
.row-container > .row > .row-content > .row-input {
  display: block;
  width: 150px;
}
.row-container > .row > .row-content > .row-input > input {
  color: #333333;
  border: none;
  outline: none;
  background: none;
  font-size: inherit;
  line-height: inherit;
}
.row-container > .row > .row-content > .row-input.rows-left-border:before {
  content: '|';
  display: inline-block;
}
.row-container > .row > .row-content > .row-icon {
  display: inline-block;
  height: 44px;
  width: 15px;
}
.row-container > .row > .row-content > .row-icon > img {
  width: 15px;
  height: 15px;
  margin-top: 14.5px;
}
.row-container > .row > .row-content > .row-big-icon {
  display: inline-block;
  height: 88px;
  width: 88px;
}
.row-container > .row > .row-content > .row-big-icon > img {
  width: 88px;
  height: 88px;
}
.row-container > .row > .row-content > .row-left {
  float: left;
  margin-left: 5px;
}
.row-container > .row > .row-content > .row-left:first-child {
  margin-left: 0;
}
.row-container > .row > .row-content > .row-text {
  display: block;
  color: #333333;
  font-size: inherit;
  line-height: inherit;
}
.row-container > .row > .row-content .row-right {
  float: right;
  margin-left: 5px;
}
.row-container > .row > .row-content .row-right:last-child {
  margin-left: 0px;
}
.row-container > .row > .row-content .row-arrow {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 44px;
  background: url(../image/right-arrow.png) center no-repeat;
  background-size: 8px auto;
}
.row-container > .row > .row-content .row-switch {
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
  width: 50px;
  height: 30px;
  background: url(../image/switch_off.png) center no-repeat;
  background-size: 100% auto;
}
.row-container > .row > .row-content .row-switch.active {
  background-image: url(../image/switch_on.png);
}
.row-container > .row > .row-content > .row-label {
  float: left;
  width: 25%;
  text-align: right;
  color: #333333;
  line-height: inherit;
}
.row-container > .row > .row-content > .row-input {
  float: left;
}
.row-container > .row > .row-content > .row-input > input {
  border: none;
  border-radius: 3px;
  line-height: inherit;
  color: #333333;
  text-align: left;
  width: 100%;
}
.row-container > .row > .row-content > .row-input > input.error {
  border: 1px solid #f84242;
}
.nav-container {
  display: block;
  width: 100%;
  background-color: #ffffff;
}
.nav-container.fixed-top {
  poisition: fixed;
  left: 0;
  top: 0;
}
.nav-container.fixed-header {
  position: fixed;
  left: 0;
  top: 44px;
  z-index: 100;
}
.nav-container > .nav-wrapper {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
}
.nav-container > .nav-wrapper > .nav-pills {
  float: left;
  display: inline-block;
  text-align: center;
}
.nav-container > .nav-wrapper > .nav-pills.nav-col-5 {
  width: 20%;
}
.nav-container > .nav-wrapper > .nav-pills.nav-col-4 {
  width: 25%;
}
.nav-container > .nav-wrapper > .nav-pills.nav-col-3 {
  width: 33%;
}
.nav-container > .nav-wrapper > .nav-pills.nav-col-2 {
  width: 50%;
}
.nav-container > .nav-wrapper > .nav-pills > .nav-text {
  display: inline-block;
  color: #333333;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  padding: 8px 0;
  box-sizing: content-box;
  border-bottom: 3px solid transparent;
}
.nav-container > .nav-wrapper > .nav-pills.active > .nav-text {
  color: #008dff;
  border-bottom: 3px solid #008dff;
}
.nav-container > .nav-wrapper.nav-default-line > .nav-pills > .nav-text {
  width: auto;
}
.nav-container > .nav-wrapper.nav-padding-line > .nav-pills {
  padding-left: 8px;
  padding-right: 8px;
}
.nav-container > .nav-wrapper.nav-padding-line > .nav-pills > .nav-text {
  width: 100%;
}
.nav-container > .nav-wrapper.nav-whole-line > .nav-pills > .nav-text {
  width: 100%;
}
.nav-container > .nav-wrapper.bordered-middle > .nav-pills > .nav-text {
  width: 100%;
  border-bottom: none;
  padding: 0;
  margin: 8px 0;
  border-right: 1px solid #e6e6e6;
}
.btn {
  display: inline-block;
  border: none;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  height: 30px;
  line-height: 24px;
  padding: 3px 15px;
}
.btn.btn-light-big {
  font-size: 16px;
  height: 40px;
  line-height: 34px;
  padding: 3px 15px;
}
.btn.btn-disabled {
  background-color: #808080;
  color: #ffffff;
}
.btn.btn-cancel {
  background-color: #eeeeee;
  color: #333333;
}
.btn.btn-primary {
  color: #ffffff;
  background-color: #008dff;
}
.btn.btn-white {
  color: #008dff;
  background-color: #ffffff;
  border: 1px solid #008dff;
}
.btn.btn-full {
  width: 90%;
  margin: 0 auto;
  display: block !important;
}
.btn-vertical-group > .btn {
  margin-top: 10px;
}
.btn-vertical-group > .btn:first-child {
  margin-bottom: 10px;
}
.btn-horizontal-group > .btn {
  margin-right: 10px;
}
.btn-horizontal-group > .btn:first-child {
  margin-left: 10px;
}
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 5px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../image/bx_loader.gif) center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 998;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: rgba(0, 0, 0, 0.3);
  text-indent: -9999px;
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #008dff;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.modal > .modal-dialog {
  width: 80%;
  margin: 0 auto;
  margin-top: 100px;
  background-color: #fff;
  border-radius: 3px;
}
@media screen and (min-width: 360px) {
  .modal > .modal-dialog {
    margin-top: 150px;
  }
}
.modal > .modal-dialog > .modal-content {
  position: relative;
  width: 100%;
}
.modal > .modal-dialog > .modal-content > .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.modal > .modal-dialog > .modal-content > .modal-body {
  padding: 15px;
  font-size: 14px;
}
.modal > .modal-dialog > .modal-content > .modal-footer {
  text-align: center;
  overflow: hidden;
  padding: 15px;
  position: relative;
}
.modal > .modal-dialog > .modal-content > .modal-footer.bordered {
  border-top: 1px solid #e6e6e6;
}
.modal > .modal-dialog > .modal-content > .modal-footer .modal-btn {
  width: 45%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  border-radius: 3px;
  margin-left: 4%;
  text-align: center;
}
.modal > .modal-dialog > .modal-content > .modal-footer .modal-btn:first-child {
  margin-left: 0%;
}
.modal > .modal-dialog > .modal-content > .modal-footer .modal-btn.modal-full-btn {
  width: 88%;
}
.modal > .modal-dialog > .modal-content > .modal-footer .modal-btn.modal-primary-btn {
  background-color: #008dff;
  color: #ffffff;
}
.modal > .modal-dialog > .modal-content > .modal-footer .modal-btn.modal-primary-reverse-btn {
  background-color: #ffffff;
  color: #008dff;
  border: 1px solid #008dff;
}
.modal > .modal-dialog > .modal-content > .modal-footer .modal-btn.modal-warning-btn {
  background-color: #ff8f09;
  color: #ffffff;
}
.modal > .modal-dialog > .modal-content > .modal-footer .modal-btn.modal-cancel-btn {
  background-color: #b8b8b8;
  color: #ffffff;
}
.modal > .modal-dialog > .modal-content > .modal-footer .modal-btn.modal-warning-reverse-btn {
  background-color: #ffffff;
  color: #ff8f09;
  border: 1px solid #ff8f09;
}
.modal > .modal-dialog > .modal-content > .modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
}
.modal > .modal-dialog > .modal-content > .modal-close:before {
  content: "×";
  display: block;
  text-align: center;
  width: 30px;
  color: #808080;
  font-weight: bold;
}
.modal.modal-bottom {
  z-index: 1044;
}
.modal.modal-bottom > .modal-dialog {
  position: fixed;
  bottom: 0;
  border-radius: 0px;
  width: 100%;
  margin: 0;
}
.mine-top-avater-div {
  width: 100%;
  height: 130px;
  overflow: hidden;
  background-image: url(../image/mine-background.png);
  background-size: 100% 100%;
}
.mine-top-avater-div > .mine-top-my-avater {
  display: inline-block;
  height: 100%;
  width: 30%;
  float: left;
}
.mine-top-avater-div > .mine-top-my-avater > .mine-my-avater-img {
  border-radius: 50%;
  float: left;
  margin-top: 25px;
  margin-left: 15px;
}
.mine-top-avater-div > .mine-top-my-info {
  height: 100%;
  float: left;
  width: 35%;
  overflow: hidden;
  padding-left: 10px;
}
.mine-top-avater-div > .mine-top-my-info > .mine-top-nickname-p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
  margin-top: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mine-top-avater-div > .mine-top-my-info > .mine-top-info-p {
  color: #ffffff;
  font-size: 12px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mine-top-avater-div > .mine-top-my-score {
  width: 35%;
  float: left;
  height: 100%;
  overflow: hidden;
}
.mine-top-avater-div > .mine-top-my-score > .mine-top-score-edit {
  display: block;
  border-radius: 12.5px 0 0 12.5px;
  background-color: #1065a8;
  padding-top: 3px;
  background-size: 100% 100%;
  text-align: center;
  width: 100px;
  float: right;
  height: 25px;
  margin-top: 20px;
}
.mine-top-avater-div > .mine-top-my-score > .mine-top-score-edit > span {
  color: #ffffff;
  font-size: 12px;
  margin-left: 3px;
}
.mine-top-avater-div > .mine-top-my-score > .mine-top-today-score {
  float: right;
  text-align: center;
  width: 100px;
}
.mine-top-avater-div > .mine-top-my-score > .mine-top-today-score > .mine-top-today-p {
  color: #ffffff;
  margin-top: 25px;
  font-size: 14px;
}
.mine-top-avater-div > .mine-top-my-score > .mine-top-today-score > .mine-top-today-number {
  color: #ffffff;
  margin-top: 3px;
  font-size: 22px;
}
.mine-add-score-div {
  height: 80px;
  background: #ffffff;
  overflow: hidden;
}
.mine-add-score-div > .mine-add-score-item {
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  text-align: center;
}
.mine-add-score-div > .mine-add-score-item > .mine-add-score-first {
  margin-top: 15px;
  float: left;
  width: 50%;
  text-align: center;
  display: inline-block;
}
.mine-add-score-div > .mine-add-score-item > .mine-add-score-first > .mine-add-score-p {
  margin-top: 6px;
}
.mine-add-score-div > .mine-add-score-item > .mine-add-score-first > .mine-add-score-number {
  color: #f25d25;
  margin-top: 6px;
  text-align: center;
}
.mine-add-score-div > .mine-add-score-item > .mine-add-score-second {
  border-left: 1px solid #e6e6e6;
  float: right;
  width: 50%;
  display: inline-block;
}
.mine-add-score-div > .mine-add-score-item > .mine-add-score-second > .mine-see-rank-span {
  line-height: 80px;
  color: #808080;
  font-size: 16px;
  text-align: center;
}
.mine-add-score-div > .mine-add-score-item > .mine-add-score-second > img {
  width: 8px;
  float: left;
  margin-top: 17px;
  margin-left: 5px;
}
.mine-item-left-img {
  width: 15px;
  height: 15px;
  margin-top: 6px;
}
.mine-item-right-img {
  width: 8px;
  float: right;
  margin-top: 7px;
}
.login-logo-div {
  height: 180px;
  background: #f0f0f0;
  text-align: center;
}
.login-logo-div > img {
  width: 80px;
  height: 80px;
  margin-top: 50px;
}
.login-logo-div > p {
  font-family: microsoft yahei;
  margin-top: 10px;
}
.login-weixin-div {
  background: #ffffff;
  padding: 22px 22px 0 22px;
}
.login-weixin-div > .login-weixin-p {
  font-size: 14px;
}
.login-weixin-div > div {
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}
.login-weixin-div > div > img {
  width: 65px;
  height: 65px;
  margin-top: 20px;
}
.login-weixin-div > div > p {
  font-size: 12px;
  margin-top: 15px;
  color: #333333;
}
.login-number-div {
  padding: 22px;
}
.login-number-div > .login-number-word-p {
  font-size: 14px;
}
.login-number-div > .login-number-child-div {
  text-align: center;
  padding-bottom: 30px;
}
.login-number-div > .login-number-child-div > .login-phone-code-div {
  border: 1px solid #e6e6e6;
  margin-top: 15px;
  padding: 15px 15px 20px 15px;
}
.login-number-div > .login-number-child-div > .login-phone-code-div > .login-phone-div {
  height: 35px;
}
.login-number-div > .login-number-child-div > .login-phone-code-div > .login-phone-div > input {
  display: inline-block;
  margin: 0;
  outline: none;
  border: none;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  padding-top: 10px;
  border-radius: 0;
}
.login-number-div > .login-number-child-div > .login-phone-code-div > .login-verify-div {
  height: 35px;
  position: relative;
}
.login-number-div > .login-number-child-div > .login-phone-code-div > .login-verify-div > input {
  display: inline-block;
  margin: 0;
  outline: none;
  border: none;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  padding-top: 10px;
  border-radius: 0;
}
.login-number-div > .login-number-child-div > .login-phone-code-div > .login-verify-div > .verify_img {
  position: absolute;
  right: 2px;
  top: 5px;
  padding: 0px;
  font-size: 12px;
}
.login-number-div > .login-number-child-div > .login-phone-code-div > .login-share-div {
  height: 35px;
}
.login-number-div > .login-number-child-div > .login-phone-code-div > .login-share-div > input {
  display: inline-block;
  margin: 0;
  outline: none;
  border: none;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
  padding-top: 0px;
}
.login-number-div > .login-number-child-div > .login-phone-code-div > .login-code-div {
  height: 35px;
}
.login-number-div > .login-number-child-div > .login-phone-code-div > .login-code-div > input {
  float: left;
  outline: none;
  border: none;
  width: 50%;
  padding-top: 15px;
}
.login-number-div > .login-number-child-div > .login-phone-code-div > .login-code-div > a {
  float: right;
  border: 1px solid #e6e6e6;
  background: #f8f8f8;
  padding: 10px;
  font-size: 12px;
  margin-top: 12px;
}
.login-number-div > .login-bottom {
  height: 40px;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 14px;
  padding-top: 13px;
}
.login-number-div > .login-bottom.negative {
  color: #d4d4d4;
  background: #eee;
}
.login-number-div > .login-bottom.active {
  background: #008dff;
  color: #ffffff;
}
.cart-item-li {
  margin-top: 10px;
  overflow: hidden;
  background: #ffffff;
}
.cart-item-li > .cart-item-order-div {
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  overflow: hidden;
  padding-bottom: 10px;
}
.cart-item-li > .cart-item-order-div > .cart-item-order-child {
  float: left;
}
.cart-item-li > .cart-item-order-div > .cart-item-order-child > img {
  float: left;
  width: 20px;
  margin-left: 15px;
  margin-top: 12px;
}
.cart-item-li > .cart-item-order-div > .cart-item-order-child > span {
  color: #333333;
  float: left;
  margin-top: 15px;
  margin-left: 5px;
  font-size: 14px;
}
.cart-item-li > .cart-item-order-div > .cart-order-state-span {
  float: right;
  color: #333333;
  font-size: 14px;
  margin-top: 15px;
  margin-right: 15px;
}
.cart-item-li > .cart-item-addr-div {
  padding: 15px 10px;
  border-bottom: 1px solid #e6e6e6;
}
.cart-item-li > .cart-item-addr-div .cart-item_addr-name {
  color: #333333;
  display: inline-block;
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../image/cart-person.png);
  background-size: 12px 12px;
}
.cart-item-li > .cart-item-addr-div .cart-item_addr-phone {
  color: #333333;
  display: inline-block;
  margin-left: 10px;
  padding-left: 17px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../image/cart-phone.png);
  background-size: 8px 12px;
}
.cart-item-li > .cart-order-detail-div {
  display: block;
  height: 100px;
  border-bottom: 1px solid #e6e6e6;
}
.cart-item-li > .cart-order-detail-div > .cart-order-detail-child {
  width: 80px;
  height: 80px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.cart-item-li > .cart-order-detail-div > .cart-order-detail-child > img {
  width: 100%;
  height: 100%;
}
.cart-item-li > .cart-order-detail-div > .cart-order-detail-blank > .cart-order-detail {
  overflow: hidden;
}
.cart-item-li > .cart-order-detail-div > .cart-order-detail-blank > .cart-order-detail > .cart-order-detail-first {
  display: block;
  float: left;
  margin-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 30px;
  line-height: 15px;
  width: 60%;
  margin-left: 10px;
  font-size: 14px;
}
.cart-item-li > .cart-order-detail-div > .cart-order-detail-blank > .cart-order-detail > .cart-order-detail-second {
  color: #333333;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
  font-size: 14px;
}
.cart-item-li > .cart-order-detail-div > .cart-order-detail-blank > .cart-order-detail-span {
  color: #808080;
  font-size: 12px;
  float: left;
  margin-top: 30px;
  margin-left: 10px;
}
.cart-item-li > .cart-order-add-div {
  padding: 10px;
  overflow: hidden;
}
.cart-item-li > .cart-order-add-div > .cart-add-first-p {
  float: left;
  font-size: 12px;
  margin-top: 2px;
  color: #333333;
}
.cart-item-li > .cart-order-add-div > .cart-add-second-p {
  float: right;
  font-size: 12px;
}
.cart-item-li > .cart-order-add-div > .cart-add-second-p > span {
  color: #f25d25;
  font-size: 14px;
}
.cart-bottom-add-div {
  position: fixed;
  z-index: 9999;
  bottom: 0px;
  background: #ffffff;
  width: 100%;
  height: 46px;
}
.cart-bottom-add-div > .cart-bottom-add-child {
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.cart-bottom-add-div > .cart-bottom-add-child > .cart-bottom-child-div {
  float: left;
}
.cart-bottom-add-div > .cart-bottom-add-child > .cart-bottom-child-div > .cart-bottom-radius-img {
  float: left;
  width: 20px;
  margin-left: 15px;
  margin-top: 12px;
}
.cart-bottom-add-div > .cart-bottom-add-child > .cart-bottom-child-div > .cart-bottom-all-select {
  color: #333333;
  float: left;
  margin-top: 15px;
  margin-left: 5px;
  font-size: 14px;
}
.cart-bottom-add-div > .cart-bottom-add-child > .cart-bottom-child-div > .cart-bottom-all-add {
  color: #333333;
  float: left;
  margin-top: 15px;
  margin-left: 15px;
  font-size: 14px;
}
.cart-bottom-add-div > .cart-bottom-add-child > .cart-bottom-child-div > .cart-bottom-all-money {
  font-weight: bold;
  color: #f25d25;
  float: left;
  margin-top: 13px;
  margin-left: 8px;
  font-size: 18px;
}
.cart-bottom-add-div > .cart-bottom-add-child > .cart-bottom-buy-div {
  height: 100%;
}
.cart-bottom-add-div > .cart-bottom-add-child > .cart-bottom-buy-div > .cart-bottom-buy-a {
  float: right;
  color: #ffffff;
  font-size: 14px;
  background: #008dff;
  height: 100%;
  width: 100px;
  text-align: center;
  padding-top: 17px;
}
.member-rank-div {
  background-size: 100% 100%;
  width: 90%;
  height: 135px;
  margin-top: 10px;
  margin-left: 5%;
  position: relative;
  background-image: url(../image/nomember.png);
}
.member-rank-div > .member-right-rank-div {
  float: right;
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.member-rank-div > .member-right-rank-div > .member-right-img-div {
  width: 100%;
  height: 60px;
}
.member-rank-div > .member-right-rank-div > .member-right-img-div > .member-right-level {
  color: #a4a4a4;
  font-size: 16px;
  float: right;
  height: 30px;
  margin-top: 20px;
  margin-right: 25px;
}
.member-rank-div > .member-right-rank-div > .member-right-img-div > .member-right-level span {
  font-size: 25px;
}
.member-rank-div > .member-right-rank-div > .member-right-rank-p {
  float: right;
  color: #a4a4a4;
  margin-right: 25px;
  font-size: 12px;
}
.member-rank-div > .member-bottom-word-div {
  width: 100%;
  height: 35px;
  position: absolute;
  bottom: 0;
}
.member-rank-div > .member-bottom-word-div > .member-bottom-word-p {
  color: #ffffff;
  font-size: 12px;
  margin-top: 11px;
  margin-left: 20px;
}
.member-rank-div.active {
  background-image: url(../image/member.png);
}
.member-rank-div.active .member-right-level {
  color: #ffffff !important;
}
.member-rank-div.active .member-right-level > span {
  color: yellow;
}
.member-rank-div.active .member-right-rank-p {
  color: #ffffff !important;
}
.improve-number-div {
  padding: 0 25px;
}
.improve-number-div > .login-number-word-p {
  font-size: 14px;
}
.improve-number-div > .login-number-child-div {
  text-align: center;
}
.improve-number-div > .login-number-child-div > .login-phone-code-div {
  border: 1px solid #e6e6e6;
  margin-top: 10px;
  padding: 0 15px;
}
.improve-number-div > .login-number-child-div > .login-phone-code-div > .login-mid-div {
  padding: 15px 0;
  border-bottom: 1px solid #e6e6e6;
}
.improve-number-div > .login-number-child-div > .login-phone-code-div > .login-mid-div > input {
  font-size: 14px;
  display: inline-block;
  margin: 0;
  outline: none;
  border: none;
  width: 100%;
}
.improve-number-div > .login-number-child-div > .login-phone-code-div > .login-code-div {
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px solid #e6e6e6;
}
.improve-number-div > .login-number-child-div > .login-phone-code-div > .login-code-div > input {
  float: left;
  font-size: 14px;
  outline: none;
  border: none;
  width: 50%;
  margin-top: 5px;
}
.improve-number-div > .login-number-child-div > .login-phone-code-div > .login-code-div > a {
  float: right;
  border: 1px solid #e6e6e6;
  background: #f8f8f8;
  padding: 10px;
  font-size: 12px;
}
.improve-number-div > .login-bottom {
  height: 40px;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 14px;
  padding-top: 13px;
  margin-top: 20px;
}
.improve-number-div > .login-bottom.negative {
  color: #d4d4d4;
  background: #eee;
}
.improve-number-div > .login-bottom.active {
  background: #008dff;
  color: #ffffff;
}
.improve-data-first-div {
  border-top: 2px solid #e6e6e6;
  padding: 20px 25px;
}
.improve-data-first-div > .improve-data-first-child {
  text-align: center;
}
.improve-data-first-div > .improve-data-first-child > img {
  width: 40px;
  height: 40px;
}
.improve-data-first-div > .improve-data-first-child > p {
  font-size: 14px;
  margin-top: 5px;
}
.improve-data-second-div {
  padding: 10px 25px;
}
.improve-data-second-div > p {
  font-size: 12px;
}
.improve-data-last-div {
  padding-left: 25px;
  padding-right: 25px;
  height: 40px;
  margin-top: 40px;
  width: 100%;
}
.improve-data-last-div > a {
  font-size: 14px;
  padding-top: 13px;
  height: 100%;
  display: block;
  border: 1px solid black;
  text-align: center;
  width: 100%;
}
.ranklist-first-div {
  height: 50px;
  width: 100%;
  background: #ffffff;
}
.ranklist-first-div > .rl-first-child-div {
  width: 33.3%;
  height: 100%;
  text-align: center;
  float: left;
  padding: 5px 10px;
}
.ranklist-first-div > .rl-first-child-div > .rl-rank-background {
  width: 100%;
  height: 40px;
  text-align: center;
  color: #666;
}
.ranklist-first-div > .rl-first-child-div > .rl-rank-background > span {
  font-size: 14px;
  line-height: 40px;
  padding: 13px 10px 13px 10px;
}
.ranklist-first-div > .rl-first-child-div > .rl-rank-background > span.active {
  background-image: url(../image/rank-radius.png);
  background-size: 100% 100%;
  color: white;
}
.ranklist-second-div {
  margin-top: 10px;
}
.ranklist-other-li {
  padding: 20px 10px;
  border-bottom: 1px solid #e6e6e6;
  background: #ffffff;
  overflow: hidden;
}
.ranklist-other-li > .rl-other-first {
  display: inline-block;
  float: left;
  text-align: center;
  width: 40px;
  height: 40px;
  color: #a2a8b1;
  font-size: 26px;
  line-height: 40px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 36px;
}
.ranklist-other-li > .rl-other-first.first {
  background-image: url(../image/rank-first.png);
}
.ranklist-other-li > .rl-other-first.second {
  background-image: url(../image/rank-second.png);
}
.ranklist-other-li > .rl-other-first.third {
  background-image: url(../image/rank-third.png);
}
.ranklist-other-li > img {
  vertical-align: center;
  border-radius: 50%;
  float: left;
  margin-left: 5px;
}
.ranklist-other-li > p {
  float: right;
  font-size: 16px;
  margin-right: 15px;
  line-height: 40px;
  color: #999999;
}
.ranklist-other-li > .rl-other-second {
  float: left;
  font-size: 14px;
  color: #333333;
  width: 40%;
  margin-left: 10px;
  line-height: 22px;
  padding-top: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ranklist-mine-div {
  height: 70px;
  width: 100%;
  background: #008dff;
  position: fixed;
  bottom: 0;
  color: #ffffff;
}
.ranklist-mine-div > p {
  font-size: 14px;
  float: right;
  margin-right: 15px;
  margin-top: 28px;
}
.ranklist-mine-div > img {
  border-radius: 50%;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
.ranklist-mine-div > .ranklist-me-span {
  float: left;
  font-size: 14px;
  margin-top: 28px;
  margin-left: 10px;
}
.ranklist-mine-div .ranklist-me-rank {
  font-size: 40px;
  float: left;
  margin-top: 15px;
  margin-left: 10px;
}
.ranklist-mine-div > .ranklist-last-span {
  font-size: 14px;
  float: left;
  margin-top: 35px;
  margin-left: 3px;
}
.perinfo-margin-div {
  display: block;
  margin-top: 10px;
  height: 50px;
  background: #ffffff;
  padding: 7px 15px;
  border-bottom: 1px solid #e6e6e6;
}
.perinfo-margin-div > .perinfo-margin-span {
  font-size: 14px;
  float: left;
  margin-top: 11px;
}
.perinfo-margin-div > .perinfo-rightjiantou {
  width: 8px;
  float: right;
  margin-top: 11px;
}
.perinfo-margin-div > .perinfo-avater {
  border-radius: 50%;
  float: right;
  margin-right: 10px;
}
.perinfo-margin-div > .perinfo-margin-detail {
  float: right;
  margin-right: 10px;
  color: #808080;
  margin-top: 9px;
}
.perinfo-item-div {
  display: block;
  height: 50px;
  background: #ffffff;
  padding: 7px 15px;
  border-bottom: 1px solid #e6e6e6;
}
.perinfo-item-div > .perinfo-item-span {
  font-size: 14px;
  float: left;
  margin-top: 11px;
}
.perinfo-item-div > .perinfo-item-rightjiantou {
  width: 8px;
  float: right;
  margin-top: 11px;
}
.perinfo-item-div > .perinfo-item-detail-span {
  float: right;
  margin-right: 10px;
  color: #808080;
  margin-top: 6px;
  display: inline-block;
  vertical-align: top;
  height: 24px;
  line-height: 24px;
}
.perinfo-item-div > .perinfo-item-detail-span > span {
  margin-top: 1px;
  vertical-align: top;
  display: inline-block;
}
.perinfo-exit-div {
  margin-top: 25px;
  height: 50px;
  background: #ffffff;
  padding: 7px 15px;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}
.perinfo-exit-div > .perinfo-exit-p {
  font-size: 14px;
  margin-top: 11px;
  color: #ff8f09;
}
.perinfo-change-sex {
  height: 160px;
  position: fixed;
  width: 96%;
  left: 2%;
  bottom: 10px;
  text-align: center;
}
.perinfo-change-sex > div {
  border-radius: 10px;
  height: 100px;
  background: #ffffff;
  font-weight: bold;
}
.perinfo-change-sex > div > a:first-child {
  display: block;
  border-bottom: 1px solid #e6e6e6;
  color: #008dff;
  height: 50px;
  padding: 17px;
}
.perinfo-change-sex > div > a:last-child {
  display: block;
  height: 50px;
  padding: 17px;
  color: #008dff;
}
.perinfo-change-sex > a {
  padding: 17px;
  height: 50px;
  color: #008dff;
  border-radius: 10px;
  display: block;
  margin-top: 10px;
  background: #ffffff;
  font-weight: bold;
}
.index-head-bar {
  overflow: hidden;
  margin: 0;
}
.index-body-title {
  float: left;
  overflow: hidden;
  width: 25%;
  text-align: center;
  display: inline-block;
  padding: 10px 0 5px;
}
.index-body-title > p {
  font-size: 12px;
  margin-top: 10px;
}
.index-activity > div {
  margin-top: 6px;
}
.index-activity > div:first-chlid {
  margin-top: 0px;
}
.index-goods-container {
  margin-top: 10px;
  overflow: hidden;
}
.index-goods-container .index-box {
  width: 42%;
  float: left;
  margin-left: 4%;
  margin-right: 4%;
}
.index-goods-container .index-box:first-chlid {
  margin-right: 0%;
}
.index-goods-container .index-box > .index-goods-image {
  display: block;
  position: relative;
}
.index-goods-container .index-box > .index-goods-image > .index-goods-tip {
  text-align: center;
  font-size: 12px;
  color: white;
  width: 100%;
  height: 26px;
  line-height: 26px;
  position: absolute;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.3);
}
.index-goods-container .index-box > .index-goods-info {
  padding: 5px;
  position: relative;
  line-height: 20px;
  font-size: 14px;
}
.index-goods-container .index-box > .index-goods-info > .index-goods-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-goods-container .index-box > .index-goods-info > .index-goods-price {
  color: #f84242;
  font-weight: bold;
  font-size: 20px;
}
.index-goods-container .index-box > .index-goods-info > .index-goods-button {
  width: 50px;
  position: absolute;
  right: 0;
  font-size: 16px;
  bottom: 10px;
  color: #ffffff;
  padding: 7px;
  line-height: 18px;
  height: 50px;
  text-align: center;
}
.index-goods-container .index-box > .index-goods-info > .index-goods-button.active {
  background: #f84242;
}
.index-goods-container .index-box > .index-goods-info > .index-goods-button.disabled {
  background: #808080;
}
.changeaddress-first-div {
  height: 24px;
  width: 100%;
  background: #eee;
  font-size: 12px;
  padding: 6px 10px;
  color: #333333;
}
.changeaddress-now-address {
  height: 44px;
  width: 100%;
  background: #ffffff;
  font-size: 12px;
  padding: 8px 10px;
  color: #333333;
}
.changeaddress-now-address > a {
  display: block;
  width: 30%;
  height: 30px;
  background: #eee;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 9px 0px;
}
.changeaddress-hot-city {
  height: 24px;
  width: 100%;
  background: #f5f5f5;
  font-size: 12px;
  padding: 6px 10px;
  color: #333333;
}
.changeaddress-hotcity-div {
  width: 100%;
  background: #ffffff;
  font-size: 12px;
  padding: 0 0 8px 4%;
  color: #333333;
}
.changeaddress-hotcity-div > div:first-child > a {
  margin-top: 8px;
  margin-right: 4%;
  display: inline-block;
  height: 30px;
  background: #eee;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 9px 15px;
}
.changeaddress-right-nav {
  position: fixed;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 100;
}
.changeaddress-right-nav > a {
  display: block;
  font-size: 12px;
  color: #979797;
  line-height: 16px;
}
.changeaddress-all-city > .city-part > div:first-child {
  height: 24px;
  width: 100%;
  background: #eee;
  font-size: 12px;
  padding: 6px 10px;
  color: #333333;
}
.changeaddress-all-city > .city-part > div:last-child {
  padding-left: 10px;
  background: #ffffff;
}
.changeaddress-all-city > .city-part > div:last-child > div {
  height: 36px;
}
.changeaddress-all-city > .city-part > div:last-child > div > a {
  display: block;
  border-bottom: 1px solid #c8c8c8;
  padding: 12px 0;
  font-size: 12px;
}
.changeaddress-all-city > .city-part > div:last-child > div:last-child {
  height: 36px;
}
.changeaddress-all-city > .city-part > div:last-child > div:last-child > a {
  display: block;
  border-bottom: none;
  padding: 12px 0;
  font-size: 12px;
}
.changephone-first-div {
  text-align: center;
  background: #ffffff;
  height: 100%;
  border-top: 1px solid #e6e6e6;
}
.changephone-first-div > .changephone-first-change-p {
  font-size: 12px;
  color: #808080;
  margin-top: 40px;
}
.changephone-first-div > .changephone-first-phone {
  font-size: 26px;
  margin-top: 20px;
}
.changephone-verify-div {
  width: 96%;
  margin: 45px 2% 0 2%;
  height: 45px;
}
.changephone-verify-div > .changephone-verify-left-div {
  width: 65%;
  border: 1px solid #e6e6e6;
  float: left;
  height: 100%;
}
.changephone-verify-div > .changephone-verify-left-div > .changephone-verify-p {
  font-size: 14px;
  width: 40%;
  height: 100%;
  float: left;
  padding-top: 15px;
  padding-left: 15px;
}
.changephone-verify-div > .changephone-verify-left-div > .changephone-verify-input {
  font-size: 14px;
  width: 60%;
  height: 100%;
  float: left;
  border: none;
  outline: none;
}
.changephone-verify-div > .changephone-verify-send-div {
  width: 33%;
  margin-left: 2%;
  border: 1px solid #e6e6e6;
  text-align: center;
  float: left;
  height: 100%;
}
.changephone-verify-div > .changephone-verify-send-div > .changephone-verify-send-a {
  font-size: 14px;
  color: #333;
  margin-top: 15px;
  display: block;
}
.changephone-newphone-div {
  width: 96%;
  margin: 20px 2% 0 2%;
  height: 45px;
  border: 1px solid #e6e6e6;
}
.changephone-newphone-div > .changephone-newphone-input {
  padding-left: 15px;
  font-size: 14px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
.cps-out-div {
  border-top: 1px solid #e6e6e6;
  padding: 21px 5% 0 5%;
}
.cps-out-div > .cps-first-div {
  height: 46px;
  border: 1px solid #e6e6e6;
}
.cps-out-div > .cps-first-div > div:first-child {
  float: left;
  width: 25%;
  height: 100%;
  font-size: 14px;
  padding: 16px 0;
  text-align: center;
  color: #333333;
}
.cps-out-div > .cps-first-div > div:last-child {
  float: left;
  width: 75%;
  height: 100%;
  padding: 5px;
}
.cps-out-div > .cps-first-div > div:last-child > input {
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  height: 100%;
}
.cps-out-div > .cps-second-div {
  height: 46px;
  border: 1px solid #e6e6e6;
  margin-top: 21px;
  width: 70%;
  float: left;
}
.cps-out-div > .cps-second-div > div:first-child {
  float: left;
  width: 36%;
  height: 100%;
  font-size: 14px;
  padding: 16px 0;
  text-align: center;
  color: #333333;
}
.cps-out-div > .cps-second-div > div:last-child {
  float: left;
  width: 64%;
  height: 100%;
  padding: 5px;
}
.cps-out-div > .cps-second-div > div:last-child > input {
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  height: 100%;
}
.cps-out-div > a {
  float: left;
  width: 28%;
  margin-left: 2%;
  display: block;
  height: 46px;
  border: 1px solid #e6e6e6;
  margin-top: 21px;
  font-size: 14px;
  text-align: center;
  padding-top: 16px;
  color: #333333;
}
.od-first-state-div {
  width: 100%;
  height: 70px;
  background: #008dff;
  color: #ffffff;
  padding: 5px 10px;
  text-align: center;
}
.od-first-state-div > .od-child-div {
  height: 100%;
  text-align: center;
  margin: auto;
  overflow: hidden;
}
.od-first-state-div > .od-child-div > img {
  display: inline-block;
  vertical-align: middle;
}
.od-first-state-div > .od-child-div > span {
  display: inline-block;
  height: 60px;
  line-height: 60px;
}
.od-received {
  padding: 10px;
  color: gray;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  margin-bottom: 10px;
  background-color: #ffffff;
}
.od-received .od-received-time {
  color: #ff8f09;
}
.od-received > .od-received-btn {
  color: #008dff;
  border: 1px solid #008dff;
  width: 80%;
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
}
.od-second-div {
  width: 100%;
  height: 70px;
  background: #ffffff;
  color: #333333;
  padding: 10px;
}
.od-second-div > img {
  width: 15px;
  float: left;
  margin-top: 15px;
  margin-left: 5px;
}
.od-second-div > a {
  border-radius: 5px;
  display: block;
  float: right;
  padding: 9px 0px;
  margin-top: 10px;
  font-size: 12px;
  background: #008dff;
  color: #ffffff;
  height: 30px;
  width: 70px;
  text-align: center;
}
.od-second-div > .od-address-div {
  float: left;
  color: #333333;
  padding: 6px 15px;
  width: 60%;
}
.od-second-div > .od-address-div > .od-address-first-p {
  font-size: 14px;
}
.od-second-div > .od-address-div > .od-address-first-p > .od-address-span {
  margin-left: 10px;
}
.od-second-div > .od-address-div > .od-address-second-p {
  margin-top: 10px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.od-third-div {
  margin-top: 10px;
  background: #ffffff;
  padding: 13px 15px;
  font-size: 14px;
  color: #666;
}
.od-third-div > p > span {
  margin-left: 5px;
}
.od-third-div > .od-third-p {
  margin-top: 10px;
}
.od-goods-div {
  background: #ffffff;
  margin-top: 10px;
  color: #333333;
}
.od-goods-div > .od-goods-child {
  overflow: hidden;
  padding-left: 15px;
  padding-right: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.od-goods-div > .od-goods-child > p {
  float: left;
  font-size: 14px;
  padding: 15px 0;
}
.od-goods-div > .od-goods-child > a {
  border-radius: 5px;
  display: block;
  float: right;
  padding: 9px 0px;
  margin-top: 7px;
  font-size: 12px;
  background: #008dff;
  color: #ffffff;
  height: 30px;
  width: 70px;
  text-align: center;
}
.od-goods-div > .od-goods-refund-info {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px;
  font-size: 14px;
  color: #333333;
}
.od-goods-div > .od-goods-refund-info > p > span {
  margin-left: 5px;
}
.od-goods-div > .od-goods-refund-info > .od-goods-refund-p {
  margin-top: 10px;
}
.od-goods-div > .od-goods-refund-info > .od-goods-refund-p > .od-refund-money {
  font-weight: bold;
}
.od-goods-div > .od-goods-refund-info > .od-goods-refund-p:first-child {
  margin-top: 0;
}
.od-goods-div > .od-goods-refund-info > .od-goods-refund-p:first-child > .od-refund-money {
  font-weight: bold;
}
.od-goods-div > .od-goods-two-child {
  width: 100%;
  position: relative;
}
.od-goods-div > .od-goods-two-child > .od-goods-info {
  overflow: hidden;
  position: relative;
  padding: 10px 0px 10px 15px;
  border-bottom: 1px solid #e6e6e6;
}
.od-goods-div > .od-goods-two-child > .od-goods-info > img {
  float: left;
  width: 75px;
  height: 75px;
}
.od-goods-div > .od-goods-two-child > .od-goods-info > .od-goods-detail-onep {
  font-size: 14px;
  left: 100px;
  position: absolute;
  top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 14em;
}
.od-goods-div > .od-goods-two-child > .od-goods-info > .od-goods-detail-twop {
  color: #999;
  font-size: 12px;
  left: 100px;
  position: absolute;
  top: 43%;
}
.od-goods-div > .od-goods-two-child > .od-goods-info > .od-goods-detail-three {
  font-size: 18px;
  color: #f25d25;
  font-weight: bold;
  position: absolute;
  left: 100px;
  bottom: 10px;
}
.od-goods-div > .od-goods-two-child > .od-goods-info > span {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #999;
  font-size: 12px;
}
.od-goods-div > .od-goods-two-child > .od-success-evaluate {
  clear: both;
  height: 50px;
  padding: 7px 15px;
}
.od-goods-div > .od-goods-two-child > .od-success-evaluate > a {
  color: #ffffff;
  font-size: 14px;
  background: #008dff;
  height: 36px;
  text-align: center;
  float: right;
  padding: 11px;
  width: 110px;
  border-radius: 5px;
}
.od-goods-div > .od-goods-two-child > .od-success-evaluate > a.evaluated {
  color: #999;
  background: #ffffff;
  border: 1px solid #999;
}
.od-money-detail-div {
  margin-top: 10px;
  background: #ffffff;
}
.od-money-detail-div > .od-money-one-div {
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 12px;
  color: #333333;
}
.od-money-detail-div > .od-money-one-div > .od-money-child {
  margin-top: 11px;
}
.od-money-detail-div > .od-money-one-div > div > .od-money-span {
  float: right;
}
.od-money-detail-div > .od-refund-one-div {
  height: 100px;
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 12px;
  color: #333333;
}
.od-money-detail-div > .od-refund-one-div > .od-money-child {
  margin-top: 11px;
}
.od-money-detail-div > .od-refund-one-div > div > .od-money-span {
  float: right;
}
.od-money-detail-div > .od-money-two-div {
  height: 40px;
  padding: 10px;
}
.od-money-detail-div > .od-money-two-div > div > .od-money-two-real {
  font-size: 14px;
  color: #333333;
}
.od-money-detail-div > .od-money-two-div > div > .od-money-real-num {
  float: right;
  color: #f25d25;
  font-weight: bold;
}
.od-modal-express-p {
  padding-top: 10px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}
.od-express-modal-div {
  overflow: scroll;
  max-height: 300px;
}
.od-express-modal-div > .od-express-no-express {
  padding: 20px;
  text-align: center;
}
.od-express-modal-div > .od-express-background {
  margin-top: 18px;
  border-left: 1px solid #e6e6e6;
  background: #ffffff;
  width: 96%;
  float: right;
  font-size: 12px;
}
.od-express-modal-div > .od-express-background .od-express-child-div {
  width: 100%;
}
.od-express-modal-div > .od-express-background .od-express-child-div > .od-express-child.active > .od-express-point {
  width: 15px;
  height: 15px;
  margin-left: -8px;
  margin-top: 1px;
  background-color: #008dff;
  border: 2px solid #99d1ff;
}
.od-express-modal-div > .od-express-background .od-express-child-div > .od-express-child.active > div > div {
  color: #008dff;
}
.od-express-modal-div > .od-express-background .od-express-child-div > .od-express-child .od-express-point {
  width: 3px;
  height: 3px;
  margin-left: -5px;
  margin-top: 8px;
  position: relative;
  display: inline-block;
  float: left;
  border-radius: 50%;
  background-color: #eeeeee;
  border: 5px solid rgba(0, 0, 0, 0);
}
.od-express-modal-div > .od-express-background .od-express-child-div > .od-express-child > div {
  overflow: hidden;
}
.od-express-modal-div > .od-express-background .od-express-child-div > .od-express-child > div > div {
  padding: 6px 0;
  float: right;
  width: 90%;
  border-bottom: 1px solid #e6e6e6;
  color: #808080;
  margin-left: 5%;
}
.od-express-modal-div > .od-express-background .od-express-child-div > .od-express-child > div > div > p:first-child {
  line-height: 15px;
}
.od-express-modal-div > .od-express-background .od-express-child-div > .od-express-child > div > div > p:last-child {
  margin-top: 6px;
}
.gad-li-div {
  background: #ffffff;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
}
.gad-li-div > .gad-li-first-span {
  float: left;
  margin-left: 10px;
  font-size: 14px;
  color: #333333;
}
.gad-li-div > .gad-li-second-span {
  float: right;
  margin-right: 10px;
  font-size: 14px;
  color: #333333;
}
.gad-li-div > .gad-li-default {
  float: left;
  margin-left: 10px;
}
.gad-li-div > .gad-li-default > img {
  width: 12px;
  float: left;
}
.gad-li-div > .gad-li-default > span {
  color: #008dff;
  float: left;
  margin-left: 8px;
  font-size: 12px;
}
.gad-li-div > .gad-edit-delete-div {
  float: right;
  display: block;
  margin-right: 15px;
}
.gad-li-div > .gad-edit-delete-div:first-child {
  margin-right: 0px;
}
.gad-li-div > .gad-edit-delete-div > img {
  width: 12px;
  float: left;
  margin-right: 5px;
}
.gad-li-div > .gad-edit-delete-div > span {
  color: #333333;
  float: left;
  margin-right: 8px;
  font-size: 12px;
}
.gad-li-div-second {
  background: #ffffff;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.gad-li-div-second > .gad-li-address {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  color: #333333;
}
.seckill-child-div {
  display: block;
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  margin-top: 10px;
  position: relative;
}
.seckill-child-div:first-child {
  margin-top: 0;
}
.seckill-right-logo-div {
  width: 50px;
  background: #f6ab00;
  float: right;
  margin-top: -55px;
  margin-right: 15px;
  height: 50px;
  text-align: center;
  padding-top: 5px;
  border-radius: 50px;
}
.seckill-money-div {
  font-size: 14px;
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.seckill-money-div > .seckill-now-money-span {
  font-size: 20px;
  color: #f25d25;
  font-weight: bold;
  float: left;
}
.seckill-money-div > .seckill-market-money-span {
  font-size: 12px;
  color: #808080;
  float: left;
  margin-left: 10px;
}
.seckill-money-div > .seckill-last-span {
  float: left;
  margin-left: 5px;
  font-size: 12px;
}
.seckill-money-div > .seckill-last-span > .seckill-last-number {
  color: #008dff;
  margin-left: 5px;
}
.seckill-image-div {
  position: relative;
}
.seckill-image-div > .seckill-lasttime-div {
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.seckill-button {
  position: absolute;
  bottom: 5px;
  right: 10px;
  border-radius: 50%;
  display: block;
  width: 50px;
  font-size: 16px;
  color: #ffffff;
  padding: 7px;
  line-height: 18px;
  height: 50px;
  text-align: center;
}
.seckill-button.active {
  background: #f84242;
}
.seckill-button.disabled {
  background: #808080;
}
.evaluate-rank-div {
  height: 240px;
  background: #ffffff;
  margin-top: 10px;
}
.evaluate-rank-div > .evaluate-rank-child {
  height: 45px;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0;
  color: #333333;
}
.evaluate-rank-div > .evaluate-rank-child > .evaluate-rank {
  float: left;
  width: 33.3%;
  text-align: center;
  border-left: 1px solid #e6e6e6;
}
.evaluate-rank-div > .evaluate-rank-child > .evaluate-rank:first-child {
  border: none;
}
.evaluate-rank-div > .evaluate-rank-child > .evaluate-rank > span {
  color: #333333;
}
.evaluate-rank-div > .evaluate-rank-child > .evaluate-rank > span.active {
  padding-left: 30px;
  background: url(../image/right.png) no-repeat left center;
  background-size: 20px 14px;
  color: #008dff;
}
.evaluate-rank-div > .evaluate-textarea {
  height: 195px;
  width: 100%;
  border: none;
  resize: none;
  color: #333333;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 32px;
}
.evaluate-footer {
  display: block;
  width: 100%;
  overflow: hidden;
  position: fixed;
  left: 0px;
  z-index: 999;
  bottom: 0px;
  border-top: 1px solid #dcdcdc;
  background-color: #fff;
  height: 50px;
}
.evaluate-footer > .evaluate-footer-first {
  overflow: hidden;
  height: 100%;
  padding: 15px;
  width: 50%;
  float: left;
}
.evaluate-footer > .evaluate-footer-first > img {
  width: 15px;
  float: left;
  margin-top: 2px;
}
.evaluate-footer > .evaluate-footer-first > span {
  float: left;
  font-size: 14px;
  color: #999;
  margin-left: 5px;
  margin-top: 2px;
}
.evaluate-footer > .evaluate-footer-second {
  height: 100%;
  width: 50%;
  float: left;
  overflow: hidden;
  padding: 5px 15px;
}
.evaluate-footer > .evaluate-footer-second > a {
  display: block;
  padding-top: 11px;
  height: 100%;
  color: #ffffff;
  background: #008dff;
  border-radius: 3px;
  text-align: center;
}
.pb-order-cancel-div {
  background: white;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.pb-order-cancel-div > .pb-order-cancel-span {
  float: left;
  margin-left: 10px;
  font-size: 14px;
  color: #333333;
}
.pb-order-time-div {
  background: white;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.pb-order-time-div > .pb-order-time-span {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  color: #808080;
}
.pb-order-money-div {
  margin-top: 10px;
  background: white;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.pb-order-money-div > .pb-order-money-span {
  float: left;
  margin-left: 10px;
  font-size: 16px;
  color: #333333;
}
.pb-order-money-div > .pb-order-money-second {
  float: right;
  margin-right: 10px;
  font-size: 16px;
  color: #ff8f09;
}
.pb-order-state-div {
  background: white;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.pb-order-state-div > .pd-order-state-img {
  float: left;
  width: 40px;
  margin-left: 15px;
}
.pb-order-state-div > .pb-order-state-leftdiv {
  float: left;
}
.pb-order-state-div > .pb-order-state-leftdiv > .pb-order-state-p {
  margin-left: 10px;
  font-size: 14px;
  color: #333333;
}
.pb-order-state-div > .pb-order-state-leftdiv > .pb-order-state-second {
  margin-top: 10px;
  margin-left: 10px;
  font-size: 12px;
  color: #808080;
}
.pb-order-state-div > .pb-order-state-rightdiv {
  float: right;
}
.pb-order-state-div > .pb-order-state-rightdiv > img {
  width: 20px;
  margin-right: 10px;
  margin-top: 10px;
}
.my-order-search-div {
  height: 50px;
  width: 100%;
  background: #ffffff;
  padding: 8px 15px;
  border-top: 1px solid #e6e6e6;
  overflow: hidden;
}
.my-order-search-div > .my-order-search {
  height: 32px;
  width: 83%;
  background: #eee;
  padding: 5px 0;
  text-align: center;
  overflow: hidden;
  float: left;
}
.my-order-search-div > .my-order-search > .my-order-input {
  width: 180px;
  height: 100%;
  overflow: hidden;
  margin: auto;
  text-align: center;
}
.my-order-search-div > .my-order-search > .my-order-input > input {
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  background: #eee;
  padding-left: 20px;
  background: url(../image/search.png) no-repeat left center;
  background-size: 15px 15px;
  font-size: 12px;
}
.my-order-search-div > a {
  width: 15%;
  margin-left: 2%;
  height: 32px;
  line-height: 17px;
  text-align: center;
  font-size: 12px;
  padding: 9px;
  float: left;
  background: #008dff;
  color: #ffffff;
  border-radius: 5px;
}
.my-order-state-div {
  height: 44px;
  background: #ffffff;
  border-top: 1px solid #e6e6e6;
}
.my-order-detail-div {
  margin-top: 10px;
  background: #ffffff;
  overflow: hidden;
}
.my-order-detail-div > .my-order-seckill {
  height: 44px;
  font-size: 14px;
  padding: 14px;
  border-bottom: 1px solid #e6e6e6;
  color: #333333;
}
.my-order-detail-div > .my-order-seckill > p > span {
  color: #f25d25;
  margin-left: 5px;
  font-size: 16px;
}
.my-order-detail-div > .my-order-goods-state {
  height: 66px;
  font-size: 14px;
  padding: 14px;
  border-bottom: 1px solid #e6e6e6;
  color: #333333;
}
.my-order-detail-div > .my-order-goods-state > .my-order-one-p > span:first-child {
  margin-left: 5px;
}
.my-order-detail-div > .my-order-goods-state > .my-order-one-p > span:last-child {
  float: right;
}
.my-order-detail-div > .my-order-goods-state > .my-order-two-p {
  margin-top: 10px;
}
.my-order-detail-div > .my-order-goods-state > .my-order-two-p > span:first-child {
  margin-left: 5px;
}
.my-order-detail-div > .my-order-goods-state > .my-order-two-p > span:last-child {
  margin-left: 5px;
}
.my-order-detail-div > .my-order-money-div {
  height: 44px;
  font-size: 14px;
  padding: 14px;
  border-bottom: 1px solid #e6e6e6;
  color: #333333;
  overflow: hidden;
}
.my-order-detail-div > .my-order-money-div > div:first-child {
  font-size: 12px;
  float: left;
  margin-top: 2px;
}
.my-order-detail-div > .my-order-money-div > div:last-child {
  float: right;
}
.my-order-detail-div > .my-order-money-div > div:last-child > span:first-child {
  float: left;
  margin-right: 10px;
}
.my-order-detail-div > .my-order-money-div > div:last-child > span:last-child {
  color: #f25d25;
  font-size: 20px;
  font-weight: bold;
  float: left;
  margin-top: -3px;
}
.my-order-detail-div > .my-order-buy-cancel {
  height: 50px;
  font-size: 14px;
  padding: 5px 14px;
  color: #333333;
  float: right;
}
.my-order-detail-div > .my-order-buy-cancel > a:first-child {
  float: left;
  display: block;
  text-align: center;
  padding: 12px;
  width: 110px;
  border: 1px solid #e6e6e6;
  margin-right: 15px;
  height: 100%;
}
.my-order-detail-div > .my-order-buy-cancel > a:last-child {
  float: left;
  display: block;
  text-align: center;
  padding: 12px;
  width: 110px;
  border: 1px solid #e6e6e6;
  color: #ffffff;
  background: #008dff;
  height: 100%;
}
.my-order-detail-div > .my-order-express-cancel {
  height: 50px;
  font-size: 14px;
  padding: 5px 14px;
  color: #333333;
  float: right;
}
.my-order-detail-div > .my-order-express-cancel > a:first-child {
  float: left;
  display: block;
  text-align: center;
  padding: 12px;
  width: 110px;
  border: 1px solid #e6e6e6;
  margin-right: 0px;
  height: 100%;
}
.my-order-detail-div > .my-order-express-cancel > a:last-child {
  float: left;
  display: block;
  text-align: center;
  padding: 12px;
  width: 110px;
  border: 1px solid #e6e6e6;
  color: #ffffff;
  background: #008dff;
  height: 100%;
}
.cd-top-info-div {
  background-image: url(../image/mine-background.png);
  background-size: 100% 100%;
  width: 100%;
  height: 130px;
  padding: 25px 15px;
  overflow: hidden;
  color: #ffffff;
  font-size: 12px;
}
.cd-top-info-div > .cd-top-avater {
  float: left;
}
.cd-top-info-div > .cd-top-avater > img {
  border-radius: 50%;
  display: inline-block;
}
.cd-top-info-div > .cd-customer-info {
  overflow: hidden;
}
.cd-top-info-div > .cd-customer-info > p {
  line-height: 22px;
  margin-left: 20px;
  display: block;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd-top-info-div > .cd-customer-info .cd-phone {
  min-width: 10px;
  height: 22px;
}
.cd-top-info-div > .cd-customer-info .cd-span {
  margin-left: 5px;
}
.cd-top-info-div > .cd-customer-info .cd-nickname {
  display: block;
  float: left;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.cd-score-info {
  background: #ffffff;
}
.cd-score-info > div {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #e6e6e6;
  padding: 18px;
  font-size: 14px;
  overflow: hidden;
  color: #333333;
}
.cd-score-info > div > span:last-child {
  float: right;
  color: #f25d25;
  font-size: 18px;
  margin-top: -3px;
}
.ar-service-phone {
  padding: 8px 12px;
  overflow: hidden;
}
.ar-service-phone > .ar-service-left {
  float: left;
  font-size: 12px;
  line-height: 20px;
  color: #808080;
}
.ar-service-phone > .ar-service-left .ar-service-phone-number {
  color: #f25d25;
}
.ar-service-phone > .ar-service-btn {
  display: inline-block;
  float: right;
  font-size: 12px;
  background-color: #008dff;
  color: #ffffff;
  margin-top: 5px;
  padding: 10px 15px;
  border-radius: 3px;
}
.ar-first-div {
  clear: both;
  background: #ffffff;
}
.ar-first-div > div {
  position: relative;
  font-size: 14px;
  padding: 15px;
  border-top: 1px solid #e6e6e6;
}
.ar-first-div > div > div:first-child {
  font-size: 14px;
  float: left;
  display: block;
  width: 90px;
  line-height: 25px;
}
.ar-first-div > div > div:last-child {
  overflow: hidden;
  width: auto;
}
.ar-first-div > div > div:last-child > input {
  padding: 0;
  margin: 0;
  line-height: 25px;
  height: 25px;
  font-size: 14px;
  display: block;
  border: none;
  overflow: hidden;
  width: 100%;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.ar-first-div > .ar-first-reason > div:last-child > select {
  border: none;
  font-size: 14px;
  overflow: hidden;
  outline: none;
  width: 100%;
  color: #999;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 25px;
  background: url(../image/xia.png) no-repeat right center;
  background-size: 25px 25px;
}
.ar-second-div {
  background: #ffffff;
  margin-top: 10px;
}
.ar-second-div > .ar-order-detail {
  border-bottom: 1px solid #e6e6e6;
  line-height: 18px;
  padding-bottom: 10px;
}
.ar-second-div > .ar-order-detail > .ar-order-detail-first {
  padding: 5px 15px 0 15px;
  font-size: 12px;
  color: #333333;
  margin-top: 5px;
}
.ar-second-div > .ar-order-detail > .ar-order-detail-first > .ar-right-span {
  float: right;
}
.ar-second-div > .ar-order-detail > .ar-order-detail-other {
  padding: 5px 15px 0 15px;
  font-size: 12px;
  color: #333333;
}
.ar-second-div > .ar-order-detail > .ar-order-detail-other > .ar-right-span {
  float: right;
}
.ar-second-div > .ar-real-buy {
  height: 35px;
  font-size: 14px;
  padding: 10px 15px 10px 15px;
}
.ar-second-div > .ar-real-buy > .ar-real-money {
  float: right;
  color: #f25d25;
  font-size: 16px;
  font-weight: bold;
}
.mc-color-one {
  color: #008dff !important;
}
.mc-color-two {
  color: #eb6400 !important;
}
.mc-color-three {
  color: #00b232 !important;
}
.mc-top-div {
  height: 50px;
  border-top: 1px solid #e6e6e6;
  padding: 18px;
  font-size: 14px;
  background: #ffffff;
}
.mc-top-div > ul {
  float: right;
  overflow: hidden;
}
.mc-top-div > ul > li {
  padding-left: 20px;
  display: inline-block;
  float: left;
}
.mc-top-div > ul > li:first-child {
  padding-left: 0px;
}
.mc-part-div {
  margin-top: 10px;
  background: white;
  position: relative;
}
.mc-part-div > .mc-child-div {
  display: block;
  padding-left: 20px;
  overflow: hidden;
  position: relative;
}
.mc-part-div > .mc-child-div > .mc-black-point > img {
  float: left;
  width: 20px;
  margin-top: 22px;
}
.mc-part-div > .mc-child-div > .mc-child-avater {
  padding: 10px 0;
  float: left;
}
.mc-part-div > .mc-child-div > .gc-child-avater {
  padding: 12px 20px;
  width: 22%;
  float: left;
}
.mc-part-div > .mc-child-div > .gc-child-name {
  width: 78%;
  height: 64px;
  float: left;
  line-height: 22px;
  padding: 12px 5px;
  border-bottom: 1px solid #e6e6e6;
}
.mc-part-div > .mc-child-div > .gc-child-name > .gc-phone-p {
  margin-top: 3px;
  font-size: 14px;
  color: #999999;
}
.mc-part-div > .mc-child-div > .mc-child-right-container {
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
}
.mc-part-div > .mc-child-div > .mc-child-right-container > .mc-child-name {
  margin-left: 10px;
  line-height: 22px;
  width: 60%;
  float: left;
  padding: 6px 5px;
  height: 64px;
}
.mc-part-div > .mc-child-div > .mc-child-right-container > .mc-child-name > p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mc-part-div > .mc-child-div > .mc-child-right-container > .mc-child-name > .mc-phone-p {
  margin-top: 3px;
  font-size: 14px;
  color: #808080;
}
.mc-part-div > .mc-child-div > .mc-child-right-container > .mc-child-num {
  overflow: hidden;
  height: 100%;
  text-align: right;
  padding: 6px 10px 0 0;
}
.mc-part-div > .mc-child-div > .mc-child-right-container > .mc-child-num > .mc-child-date {
  display: block;
  font-size: 14px;
  color: #808080;
}
.mc-part-div > .mc-child-div > .mc-child-right-container > .mc-child-num > .mc-child-commission {
  display: block;
  padding-top: 10px;
  color: #008dff;
  font-size: 18px;
}
.mc-part-div > .mc-child-div:last-child > .gc-child-name {
  border: none;
}
.mc-last-div {
  position: fixed;
  bottom: 10px;
  left: 0;
  right: 0;
  background: #dbdbdb;
  margin: auto;
  width: 100px;
  height: 20px;
  color: #999;
  text-align: center;
  font-size: 12px;
  padding: 4px;
  border-radius: 3px;
}
.dt-gad-content {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  background: #f0f0f0;
  border-bottom: 1px solid #dcdcdc;
}
.dt-gad-content > .dt-gad-li-top {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  margin-top: 10px;
}
.dt-gad-content > .dt-gad-li-top > .dt-gad-name-phone {
  background: #ffffff;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.dt-gad-content > .dt-gad-li-top > .dt-gad-name-phone > .dt-gad-name-left {
  float: left;
  margin-left: 10px;
  font-size: 14px;
  color: #333333;
}
.dt-gad-content > .dt-gad-li-top > .dt-gad-name-phone > .dt-gad-name-right {
  float: right;
  margin-right: 10px;
  font-size: 14px;
  color: #333333;
}
.dt-gad-content > .dt-gad-li-top > .dt-gad-default {
  background: #ffffff;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: -3px;
}
.dt-gad-content > .dt-gad-li-top > .dt-gad-default > .dt-gad-default-one {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  color: #333333;
}
.dt-gad-content > .dt-gad-li-top > .dt-gad-default > .dt-gad-default-one > span {
  color: #008dff;
}
.dt-gad-no-record {
  padding-top: 70px;
  text-align: center;
}
.dt-gad-no-record > img {
  width: 150px;
}
.dt-gad-no-record > span {
  margin-top: 7px;
  display: block;
  color: #008dff;
  font-size: 12px;
}
.dt-gad-right {
  float: right;
}
.ed-address-left {
  float: left;
  margin-left: 10px;
  line-height: 23px;
}
.ed-address-form-div {
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
}
.ed-address-form div input {
  border: none;
  outline: none;
  width: 75%;
  font-size: 14px;
}
.ed-address-pro {
  float: right;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 75%;
  border: none;
}
.ed-set-default-div {
  text-align: center;
  background: #ffffff;
  overflow: hidden;
  margin-top: 10px;
  font-size: 12px;
}
.ed-set-default-div > .ed-set-second-div {
  padding-top: 15px;
  padding-bottom: 15px;
  margin: auto;
  text-align: center;
  float: left;
  position: relative;
  left: 50%;
}
.ed-set-default-div > .ed-set-second-div > img {
  margin-right: 3px;
  width: 12px;
  float: left;
  position: relative;
  right: 50%;
}
.ed-set-default-div > .ed-set-second-div > span {
  float: left;
  margin-left: 2px;
  position: relative;
  right: 50%;
  color: #808080;
}
.nav-container > .nav-wrapper > .no-padding {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
.nav-container > .nav-wrapper > .nav-pills > .nav-small {
  font-size: 14px!important;
}
.nav-small img {
  width: 15px;
  vertical-align: middle;
}
.goodsinfo-footer-content {
  width: 100%;
  height: 100%;
}
.goodsinfo-count-down {
  bottom: 0;
  position: absolute;
  width: 100%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 14px;
  z-index: 1000;
  text-align: center;
  height: 25px;
  line-height: 25px;
}
.goodsinfo-footer-content span {
  display: inline-block;
  width: 50%;
  line-height: 50px;
  float: left;
  background: #E72450;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.goodsinfo-footer-content span.imm {
  background-color: #008dff;
  color: #fff;
}
.goodsinfo-footer-content span.addcart {
  background-color: #ff8f09;
  color: #fff;
}
.content-container {
  background-color: #ffffff;
}
.content-container > div .goodsinfo-params {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 20px;
}
.content-container > div .goodsinfo-no-params {
  padding: 10px;
  font-size: 14px;
  text-align: center;
}
.content-container > div.goodsinfo-descripion {
  padding: 10px;
}
.content-container > div .goodsinfo-comment-top-content {
  padding: 10px 0;
  position: relative;
  overflow: hidden;
}
.content-container > div .goodsinfo-comment-top-content > .goodsinfo-comment-top-left {
  float: left;
  width: 40%;
  height: 48px;
  text-align: center;
  border-right: 1px solid #e6e6e6;
}
.content-container > div .goodsinfo-comment-top-content > .goodsinfo-comment-top-left > span {
  color: #333333;
  font-size: 12px;
}
.content-container > div .goodsinfo-comment-top-content > .goodsinfo-comment-top-left > .goodsinfo-comment-total {
  margin-top: 5px;
  color: #f25d25;
  font-weight: bold;
  font-size: 20px;
}
.content-container > div .goodsinfo-comment-top-content > .goodsinfo-comment-top-right {
  float: left;
  width: 60%;
}
.content-container > div .goodsinfo-comment-top-content > .goodsinfo-comment-top-right .goodsinfo-comment-score {
  padding-left: 5%;
}
.content-container > div .goodsinfo-comment-top-content > .goodsinfo-comment-top-right .goodsinfo-comment-score > span {
  font-size: 12px;
  color: #333333;
}
.content-container > div .goodsinfo-comment-top-content > .goodsinfo-comment-top-right .goodsinfo-comment-score > span.goodsinfo-comment-rate {
  color: #ff8f09;
}
.content-container > div .goodsinfo-comment-top-content > .goodsinfo-comment-top-right .goodsinfo-comment-score > .goodsinfo-comment-process-container {
  background-color: #eeeeee;
  width: 60%;
  height: 12px;
  display: inline-block;
  position: relative;
}
.content-container > div .goodsinfo-comment-top-content > .goodsinfo-comment-top-right .goodsinfo-comment-score > .goodsinfo-comment-process-container > .goodsinfo-comment-process {
  height: 100%;
  background-color: #ff8f09;
}
.content-container > div .goodsinfo-comment-split {
  background-color: #eeeeee;
  height: 10px;
}
.content-container > div .goodsinfo-comment-nav {
  padding: 15px;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
}
.content-container > div .goodsinfo-comment-nav > span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  background-color: #eeeeee;
  color: #333333;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  width: 22%;
  padding: 8px 0;
  margin-left: 3%;
}
.content-container > div .goodsinfo-comment-nav > span:first-child {
  margin-left: 0;
}
.content-container > div .goodsinfo-comment-nav > span.active {
  background-color: #008dff;
  color: #ffffff;
}
.content-container > div .goodsinfo-comment-item {
  padding: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.content-container > div .goodsinfo-comment-item > .goodsinfo-comment-item-top {
  display: block;
  padding-bottom: 10px;
  overflow: hidden;
}
.content-container > div .goodsinfo-comment-item > .goodsinfo-comment-item-top > img {
  display: block;
  float: left;
  border-radius: 50%;
}
.content-container > div .goodsinfo-comment-item > .goodsinfo-comment-item-top > .goodsinfo-comment-item-left {
  margin-left: 5%;
  width: 50%;
  float: left;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content-container > div .goodsinfo-comment-item > .goodsinfo-comment-item-top > .goodsinfo-comment-item-left > div {
  color: #808080;
  font-size: 12px;
  line-height: 22px;
}
.content-container > div .goodsinfo-comment-item > .goodsinfo-comment-item-top > .goodsinfo-comment-item-left > div:first-child {
  display: inline-block;
}
.content-container > div .goodsinfo-comment-item > .goodsinfo-comment-item-top > .goodsinfo-comment-item-right {
  color: #808080;
  font-size: 12px;
  float: right;
}
.content-container > div .goodsinfo-comment-item > .goodsinfo-comment-item-content {
  clear: both;
  font-size: 14px;
}
.content-container > div .goodsinfo-comment-item > .goodsinfo-comment-item-content > span {
  color: #ff8f09;
  line-height: 16px;
}
.content-container > div .goodsinfo-comment-item .goodsinfo-comment-reply-before {
  margin-left: 15px;
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #eeeeee;
}
.content-container > div .goodsinfo-comment-item .goodsinfo-comment-reply {
  background-color: #eeeeee;
  color: #333333;
  padding: 10px;
  font-size: 12px;
}
.goodsinfo-modal-input {
  text-align: center;
  border: 1px solid #eeeeee;
  width: 100%;
  font-size: 14px;
  margin-top: 10px;
  padding: 6px;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  border-radius: 1px;
}
.goodsinfo-modal-input-group > .goodsinfo-modal-input {
  width: 60%;
}
.goodsinfo-modal-input-group > .goodsinfo-modal-verify {
  display: inline-block;
  border: 1px solid #008dff;
  color: #008dff;
  width: 35%;
  margin-left: 1%;
  height: 33px;
  line-height: 33px;
  text-align: center;
  border-radius: 3px;
}
.goods-pop-container {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1044;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.goodsinfo-modal-info {
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.goodsinfo-modal-info .goodsinfo-modal-text {
  display: inline-block;
  vertical-align: top;
  margin-top: 12px;
}
.goodsinfo-modal-info .goodsinfo-modal-text .goodsinfo-modal-price {
  display: block;
  color: #ff8f09;
  font-size: 14px;
}
.goodsinfo-modal-info .goodsinfo-modal-text .goodsinfo-modal-stock {
  display: block;
  color: #808080;
  font-size: 12px;
  margin-top: 8px;
}
.goodsinfo-modal-info .goodsinfo-modal-text .goodsinfo-modal-name {
  display: block;
  color: #333333;
  font-size: 12px;
  margin-top: 8px;
}
.goodsinfo-modal-specs-container {
  max-height: 300px;
  overflow: scroll;
}
.goodsinfo-modal-specs-container .goodsinfo-modal-specs {
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
}
.goodsinfo-modal-specs-container .goodsinfo-modal-specs .goodsinfo-modal-specs-title {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #333333;
  margin-bottom: 10px;
}
.goodsinfo-modal-specs-container .goodsinfo-modal-specs .goodsinfo-modal-specs-item {
  display: inline-block;
  border-radius: 3px;
  padding: 5px 10px;
  color: #808080;
  border: 1px solid #808080;
  margin-bottom: 15px;
  margin-right: 10px;
  font-size: 13px;
}
.goodsinfo-modal-specs-container .goodsinfo-modal-specs .goodsinfo-modal-specs-item.active {
  color: #ff8f09;
  border-color: #ff8f09;
}
.goodsinfo-modal-number-container {
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
  padding: 5px 0;
}
.goodsinfo-modal-number-container > .goodsinfo-modal-number-title {
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #333333;
  float: left;
}
.goodsinfo-modal-number-container > .goodsinfo-modal-number-content {
  float: right;
  color: #333333;
}
.goodsinfo-rec {
  padding: 10px 0;
  overflow: hidden;
}
.goodsinfo-rec > .goodsinfo-rec-goods {
  display: block;
  float: left;
  overflow: hidden;
  margin: 0 2%;
  width: 46%;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
}
.goodsinfo-rec > .goodsinfo-rec-goods > .goodsinfo-rec-info {
  padding: 10px 5px;
}
.goodsinfo-rec > .goodsinfo-rec-goods > .goodsinfo-rec-info > .goodsinfo-rec-names {
  line-height: 16px;
  height: 32px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.goodsinfo-rec > .goodsinfo-rec-goods > .goodsinfo-rec-info > .goodsinfo-rec-bottom {
  margin-top: 10px;
  overflow: hidden;
}
.goodsinfo-rec > .goodsinfo-rec-goods > .goodsinfo-rec-info > .goodsinfo-rec-bottom > .goodsinfo-rec-price {
  float: left;
  color: #f25d25;
  font-size: 16px;
}
.goodsinfo-rec > .goodsinfo-rec-goods > .goodsinfo-rec-info > .goodsinfo-rec-bottom > .goodsinfo-rec-sale {
  line-height: 18px;
  float: right;
  color: #808080;
  font-size: 12px;
}
.goodsinfo-footer-content {
  width: 100%;
  height: 100%;
}
.po-first-div {
  margin-top: 10px;
  background: #ffffff;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.po-first-div > .po-first-span {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  color: #333333;
}
.po-first-div > .po-second-span {
  float: right;
  margin-right: 10px;
  font-size: 12px;
  color: #008dff;
}
.po-second-div {
  background: #ffffff;
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px solid #e6e6e6;
}
.po-second-div .po-second-name {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  color: #333333;
}
.po-second-div .po-second-phone {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  color: #333333;
}
.po-second-div p {
  clear: both;
  float: left;
  margin-left: 10px;
  font-size: 12px;
  margin-top: 10px;
  color: #333333;
}
.po-second-div .po-select-address {
  padding: 10px;
  font-size: 14px;
  color: #333333;
}
.po-third-div {
  margin-top: 10px;
  background: #ffffff;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.po-third-div > img {
  height: 80px;
  width: 80px;
  margin-left: 15px;
  float: left;
}
.po-third-div > .po-third-child {
  float: left;
  width: 70%;
}
.po-third-div > .po-third-child > .po-third-first-p {
  margin-left: 10px;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.po-third-div > .po-third-child > .po-mid-p {
  font-size: 12px;
  color: #808080;
  margin-top: 8px;
  margin-left: 10px;
}
.po-third-div > .po-third-child > .po-last-p {
  font-size: 16px;
  color: #ff8f09;
  margin-top: 8px;
  margin-left: 10px;
}
.po-send-div {
  margin-top: 10px;
  background: #ffffff;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.po-send-div > .po-send-left {
  float: left;
  margin-left: 10px;
  font-size: 12px;
  color: #333333;
}
.po-send-div > .po-send-right {
  float: right;
  margin-right: 10px;
  font-size: 12px;
  color: #333333;
}
.po-say-div {
  margin-top: 10px;
  background: #ffffff;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.po-say-div > input {
  border: none;
  padding-left: 10px;
  font-size: 12px;
  padding-right: 10px;
  width: 100%;
  outline: none;
}
.po-agreement-div {
  margin-top: 10px;
  background: #ffffff;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.po-agreement-div > input {
  border: none;
  padding-left: 10px;
  font-size: 12px;
  padding-right: 10px;
  width: 100%;
  outline: none;
}
.po-last-div {
  position: fixed;
  background: #ffffff;
  bottom: 0;
  width: 100%;
}
.po-last-div > .po-last-div-child {
  width: 100%;
  height: 100%;
}
.po-last-div > .po-last-div-child > .po-last-grand-child {
  text-align: center;
}
.po-last-div > .po-last-div-child > .po-last-grand-child > p {
  padding-top: 10px;
  padding-bottom: 10px;
}
.po-last-div > .po-last-div-child > .po-last-grand-child > p > span {
  color: #ff8f09;
  font-weight: bold;
}
.po-last-div > .po-last-div-child > .po-last-grand-child > .po-last-bottom {
  width: 50%;
  height: 100%;
  float: left;
  text-align: center;
  padding: 5px 10px;
}
.po-last-div > .po-last-div-child > .po-last-grand-child > .po-last-bottom > .po-addcart {
  line-height: 40px;
  width: 100%;
  background-color: #008dff;
  height: 100%;
  color: #ffffff;
  display: inline-block;
}
.po-last-div > .po-last-div-child > .po-last-grand-child > .po-last-bottom > .po-to-buy {
  line-height: 40px;
  width: 100%;
  background-color: #ff8f09;
  height: 100%;
  color: #ffffff;
  display: inline-block;
}
.changename-first-div {
  margin-top: 10px;
  height: 50px;
  background: #ffffff;
  padding: 7px 15px;
  border-bottom: 1px solid #e6e6e6;
}
.changename-first-div > input {
  outline: none;
  border: none;
  height: 100%;
}
.changename-first-div > img {
  width: 12px;
  float: right;
  margin-top: 10px;
}
.changepassword-first-div {
  text-align: center;
  background: #ffffff;
  height: 100%;
  padding: 8px 0;
}
.changepassword-first-div > .changepassword-first-change-p {
  font-size: 12px;
  color: #808080;
  margin-top: 2px;
}
.changepassword-first-div > .changepassword-first-phone {
  font-size: 26px;
  margin-top: 20px;
}
.changepassword-div {
  margin-top: 10px;
  height: 50px;
  background: #ffffff;
  padding: 7px 15px;
  border-bottom: 1px solid #e6e6e6;
}
.changepassword-div > input {
  outline: none;
  border: none;
  height: 100%;
}
.changepassword-div > img {
  width: 12px;
  float: right;
  margin-top: 10px;
}
.changepassword-div a.ng-binding {
  float: right;
  border: 1px solid #e6e6e6;
  background: #f8f8f8;
  padding: 10px;
  font-size: 12px;
  margin-top: 1px;
}
.backpassword-layout {
  margin: 20px;
  background: #ffffff;
  padding: 1px;
}
.backpassword-box {
  border: 1px solid #e6e6e6;
}
.backpassword-div {
  margin-top: 5px;
  height: 40px;
  background: #ffffff;
  padding: 5px 15px;
  border-bottom: 1px solid #e6e6e6;
}
.backpassword-div > input {
  outline: none;
  border: none;
  height: 100%;
}
.backpassword-div > img {
  width: 12px;
  float: right;
  margin-top: 5px;
}
.backpassword-div > a.ng-binding {
  float: right;
  border: 1px solid #e6e6e6;
  background: #f8f8f8;
  padding: 10px;
  font-size: 12px;
  margin-top: -5px;
}
.backpassword-div:last-child {
  border-bottom: 0;
}
.backpassword-bottom {
  height: 40px;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 14px;
  padding-top: 13px;
  margin-top: 25px;
}
.backpassword-bottom.negative {
  color: #d4d4d4;
  background: #eee;
}
.backpassword-bottom.active {
  background: #008dff;
  color: #ffffff;
}
.score-detail-div {
  margin-top: 10px;
  height: 75px;
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 15px;
  width: 100%;
  display: table;
}
.score-detail-left-td {
  display: table-cell;
  vertical-align: middle;
  height: 55px;
}
.score-detail-left-td > .score-detail-left-p {
  vertical-align: top;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}
.score-detail-left-td > .score-detail-left-p > .score-detail-name {
  vertical-align: top;
  height: 22px;
  display: inline-block;
  max-width: 85px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.score-detail-left-td > .score-detail-left-second {
  font-size: 12px;
  color: #808080;
  line-height: 25px;
}
.score-detail-left-td > .score-detail-left-second > .ongoing {
  color: #008dff;
}
.score-detail-left-td > .score-detail-left-second > .fail {
  color: #ff8f09;
}
.score-detail-right-td {
  display: table-cell;
  height: 55px;
  position: relative;
  width: 80px;
}
.score-detail-right-td > .score-detail-right-p {
  font-size: 12px;
  color: #808080;
  position: absolute;
  right: 0;
  top: 9px;
}
.score-detail-right-td > .score-detail-right-second {
  font-size: 16px;
  color: #f25d25;
  position: absolute;
  right: 0;
  top: 30px;
}
.myscore-first-div {
  background: #008dff;
  height: 100px;
  padding: 20px;
}
.myscore-first-div > .myscore-add-score-div {
  overflow: hidden;
}
.myscore-first-div > .myscore-add-score-div > img {
  width: 15px;
  float: left;
}
.myscore-first-div > .myscore-add-score-div > span {
  color: #ffffff;
  font-size: 14px;
  float: left;
  margin-left: 5px;
}
.myscore-first-div > .myscore-add-score-number {
  margin-top: 15px;
}
.myscore-first-div > .myscore-add-score-number > span {
  font-size: 26px;
  color: #ffffff;
}
.myscore-first-div > .myscore-big-score-div {
  margin-top: 10px;
  text-align: center;
}
.myscore-first-div > .myscore-big-score-div > span {
  font-size: 40px;
  color: #ffffff;
}
.myscore-second-div {
  background: #0071cc;
  height: 63px;
}
.myscore-second-div > .myscore-second-detail {
  width: 33.3%;
  float: left;
  height: 100%;
  text-align: center;
  color: #ffffff;
}
.myscore-second-div > .myscore-second-detail > .myscore-score-detail-p {
  line-height: 25px;
  margin-top: 8px;
  font-size: 14px;
}
.myscore-second-div > .myscore-second-detail > .myscore-score-second-p {
  line-height: 25px;
  font-size: 16px;
}
.myscore-third-div {
  margin: 40px 10px;
  background: #ffffff;
}
.myscore-third-div > .myscore-goods-div {
  line-height: 18px;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0px;
}
.myscore-third-div > .myscore-goods-div > p {
  color: #333333;
  font-size: 14px;
}
.myscore-third-div > .myscore-goods-score-detail {
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  padding: 23px 0px;
  height: 80px;
}
.myscore-third-div > .myscore-goods-score-detail > .myscore-goods-detail {
  width: 50%;
  float: left;
  text-align: center;
  height: 100%;
}
.myscore-third-div > .myscore-goods-score-detail > .myscore-goods-detail > .myscore-goods-first-p {
  color: #333333;
  font-size: 14px;
}
.myscore-third-div > .myscore-goods-score-detail > .myscore-goods-detail > .myscore-goods-second-p {
  color: #f25d25;
  font-size: 14px;
  margin-top: 10px;
}
.myscore-third-div > .myscore-seescore-div {
  text-align: center;
  padding: 13px 15px;
  height: 55px;
}
.myscore-third-div > .myscore-seescore-div > .myscore-seescore-first-a {
  width: 32%;
  float: left;
  height: 100%;
  background: #ff8f09;
  border-radius: 5px;
  text-align: center;
  padding-top: 9px;
}
.myscore-third-div > .myscore-seescore-div > .myscore-seescore-first-a > p {
  font-size: 12px;
  color: #ffffff;
}
.myscore-third-div > .myscore-seescore-div > .myscore-seescore-a {
  width: 32%;
  float: left;
  height: 100%;
  margin-left: 2%;
  background: #008dff;
  border-radius: 5px;
  text-align: center;
  padding-top: 9px;
}
.myscore-third-div > .myscore-seescore-div > .myscore-seescore-a > p {
  font-size: 12px;
  color: #ffffff;
}
.exchange-score-all-div {
  background: #ffffff;
  padding: 15px;
}
.exchange-score-all-div > div {
  width: 100%;
  overflow: hidden;
}
.exchange-score-all-div > div.exchange-money {
  margin-top: 10px;
}
.exchange-score-all-div > div > img {
  display: inline-block;
  float: left;
  width: 15px;
  height: 15px;
  margin-top: 8px;
}
.exchange-score-all-div > div > .exchange-score-span {
  font-size: 14px;
  color: #333333;
}
.exchange-score-all-div > div > .exchange-score-number {
  margin-left: 10px;
  font-size: 26px;
  width: 80%;
  float: left;
  border: none;
}
.exchange-second-div {
  height: 35px;
  padding: 12px 10px;
}
.exchange-second-div > p {
  font-size: 12px;
  color: #333333;
}
.exchange-second-div > p > span {
  color: #f25d25;
}
.exchange-third-div {
  height: 50px;
  background: #ffffff;
  padding: 17px 10px;
}
.exchange-third-div > .exchange-third-time-span {
  float: left;
  color: #333333;
}
.exchange-third-div .exchange-third-time {
  float: right;
  color: #808080;
  font-size: 12px;
  margin-right: 5px;
  margin-top: 2px;
}
.exchange-pay {
  padding-left: 30px;
  background: no-repeat left center;
  background-size: 20px 20px;
}
.exchange-pay.weixin {
  background-image: url(../image/weixin.png);
}
.exchange-pay.alipay {
  background-image: url(../image/alipay.png);
}
.layermbox {
  position: relative;
  z-index: 19891014;
}
.layermmain,
.laymshade {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.layermbtn span,
.layermchild {
  display: inline-block;
  position: relative;
}
.laymshade {
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: auto;
}
.layermmain {
  display: table;
  font-family: Helvetica, arial, sans-serif;
  pointer-events: none;
}
.layermmain .section {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.layermchild {
  text-align: left;
  background-color: #fff;
  font-size: 14px;
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  pointer-events: auto;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .18s;
  animation-duration: 0.18s;
}
.layermborder {
  border: 1px solid #999999;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.layermanim {
  animation-name: bounceIn;
  -webkit-animation-name: bounceIn;
}
.layermbox0 .layermchild {
  max-width: 90%;
  min-width: 150px;
}
.layermbox1 .layermchild {
  border: none;
  border-radius: 0;
}
.layermbox2 .layermchild {
  width: auto;
  max-width: 260px;
  min-width: 40px;
  border: none;
  background: 0 0;
  box-shadow: none;
  color: #ffffff;
}
.layermchild h3 {
  padding-top: 10px;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 3px 3px 0 0;
  text-align: center;
}
.layermbtn span,
.layermchild h3 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.layermcont {
  font-size: 12px;
  padding: 10px 15px;
  line-height: 22px;
  text-align: center;
}
.layermcont:first-child {
  padding: 22px 15px;
  font-size: 14px;
}
.layermbox1 .layermcont {
  padding: 0;
  text-align: left;
}
.layermbox2 .layermcont {
  text-align: center;
  padding: 0;
  line-height: 0;
}
.layermbox2 .layermcont i {
  width: 25px;
  height: 25px;
  margin-left: 8px;
  display: inline-block;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bouncedelay {
  0%,
  100%,
  80% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  100%,
  80% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.layermbox2 .layermcont i:first-child {
  margin-left: 0;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.layermbox2 .layermcont i.laymloadtwo {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.layermbox2 .layermcont > div {
  line-height: 22px;
  padding-top: 7px;
  margin-bottom: 20px;
  font-size: 14px;
}
.layermbtn {
  position: relative;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  font-size: 0;
  text-align: center;
  border-top: 1px solid #ebebeb;
}
.layermbtn span {
  width: 50%;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  border-radius: 0 3px 0 0;
}
.layermbtn span:first-child {
  height: 40px;
  background-color: #fff;
  border-radius: 0 0 0 3px;
}
.layermbtn span:last-child {
  color: #008dff;
}
.layermbtn:before {
  content: '\20';
  position: absolute;
  width: 1px;
  height: 40px;
  left: 50%;
  top: 0;
  background-color: #ebebeb;
}
.layermend {
  position: absolute;
  right: 7px;
  top: 10px;
  width: 30px;
  height: 30px;
  border: 0;
  font-weight: 400;
  background: 0 0;
  cursor: pointer;
  -webkit-appearance: none;
  font-size: 30px;
}
.layermend::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.set-bottom {
  position: fixed;
  bottom: 80px;
  left: 0;
  width: 100%;
  text-align: center;
}
.set-rules {
  text-align: center;
  color: #008dff;
  font-size: 14px;
}
.set-copy-right {
  font-size: 12px;
  margin-top: 10px;
  color: #808080;
}
.set-btn {
  font-size: 16px;
  height: 100%;
  width: 100%;
  color: #ffffff;
  background-color: #008dff;
  line-height: 50px;
  text-align: center;
}
.essay-category {
  display: block;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  padding: 15px;
  overflow: hidden;
  margin-top: 8px;
  margin-bottom: 8px;
}
.essay-category .more {
  float: right;
}
.essay-category .article-list {
  padding: 12px 4px;
}
.essay-category .article-list li {
  float: left;
  width: 49.9%;
}
.essay-category .article-list li p {
  font-size: 14px;
  color: #333333;
  padding: 4px 0;
  line-height: 120%;
}
.essay-list {
  display: block;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  padding: 15px;
  overflow: hidden;
}
.essay-list .essay-image {
  float: left;
}
.essay-list .essay-right {
  float: left;
  margin-left: 10px;
  height: 70px;
  width: 60%;
  position: relative;
}
.essay-list .essay-right .essay-right-title {
  font-size: 18px;
  color: #333333;
}
.essay-list .essay-right .essay-right-date {
  font-size: 14px;
  color: #808080;
  position: absolute;
  bottom: 0;
}
.essay-container {
  background: #ffffff;
  min-height: 100%;
}
.essay-title {
  padding: 15px;
  font-size: 26px;
  color: #333333;
}
.essay-date {
  padding: 0 15px;
  font-size: 14px;
  color: #808080;
}
.essay-detail {
  margin-top: 20px;
  padding: 0 10px;
}
.reg-container {
  margin: 8px 12px;
}
.reg-container .input-group {
  border: 1px solid #dddddd;
}
.reg-container .input-row {
  height: 40px;
  position: relative;
  clear: left;
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
}
.reg-container .input-row:last-child {
  border-bottom: 0;
}
.reg-container label {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.1;
  float: left;
  width: 35%;
  padding: 11px 15px;
}
.reg-container input {
  width: 65%;
  border: none;
  height: 40px;
}
.reg-container > .reg-bottom {
  height: 40px;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 14px;
  padding-top: 13px;
  margin-top: 10px;
}
.reg-container > .reg-bottom.negative {
  color: #d4d4d4;
  background: #eee;
}
.reg-container > .reg-bottom.active {
  background: #008dff;
  color: #ffffff;
}
.reg-container .verify_img {
  position: absolute;
  right: 2px;
  top: 5px;
  padding: 0px;
  font-size: 12px;
}
.reg-container #sendPhoneCode {
  position: absolute;
  right: 0.1rem;
  text-align: center;
  top: 0.2rem;
  padding: 0.3rem 0;
  width: 31%;
  height: 32px;
  border: 1px solid #e6e6e6;
  background: #f8f8f8;
}

/*===================================割=======================================*/

.header.fixIos7Bar, .navbar.fixIos7Bar {
  top: 20px;
  background-color: #ffffff;
}

.header.fixOtherBar, .navbar.fixOtherBar {
  padding-top: 35px;
  height: 69px;
  background-color: #ffffff;
}

.header.fixIos7Bar + .main-container, .header.fixIos7Bar + .top-container, .header.fixIos7Bar + .aui-content {
  padding-top: 64px;
}

.navbar.fixIos7Bar + .pages {
  top: 64px;
}

.header.fixOtherBar + .main-container, .header.fixOtherBar + .top-container, .header.fixOtherBar + .aui-content {
  padding-top: 69px;
}

.navbar.fixOtherBar + .pages {
  top: 69px;
}

.fixStatusBar {
  background-color: #ffffff;
}

.loginorreg-logo {
  text-align: center;
  margin-top: 10%;
  margin-bottom: 10%;
}
.loginorreg-logo img {
  width: 120px;
  margin: 0 auto;
}

.copyright {
  color: #2a8efc;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 10px;
}

.button {
  border: 1px solid #007aff;
  color: #007aff;
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: 5px;
  line-height: 27px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: none;
  padding: 0 10px;
  margin: 0;
  height: 29px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  outline: 0;
}
input[type="submit"].button,
input[type="button"].button {
  width: 100%;
}
html:not(.watch-active-state) .button:active,
.button.active-state {
  background: rgba(0, 122, 255, 0.15);
}
.button.button-round {
  border-radius: 27px;
}
.button.active {
  background: #007aff;
  color: #fff;
}
.button.button-big {
  font-size: 17px;
  height: 44px;
  line-height: 42px;
}
.button.button-fill {
  color: #fff;
  background: #007aff;
  border-color: transparent;
}
html:not(.watch-active-state) .button.button-fill:active,
.button.button-fill.active-state {
  opacity: 0.8;
}
.button i.icon:first-child {
  margin-right: 10px;
}
.button i.icon:last-child {
  margin-left: 10px;
}
.button i.icon:first-child:last-child {
  margin-left: 0;
  margin-right: 0;
}
.buttons-row {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.buttons-row .button {
  border-radius: 0 0 0 0;
  border-left-width: 0;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
}
.buttons-row .button:first-child {
  border-radius: 5px 0 0 5px;
  border-left-width: 1px;
  border-left-style: solid;
}
.buttons-row .button:last-child {
  border-radius: 0 5px 5px 0;
}
.buttons-row .button:first-child:last-child {
  border-radius: 5px;
}
.buttons-row .button.button-round:first-child {
  border-radius: 27px 0 0 27px;
}
.buttons-row .button.button-round:last-child {
  border-radius: 0 27px 27px 0;
}
